<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="robots" content="noindex, nofollow"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>MultiUpload Demo</title>
    <link href="multiupload.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../../jquery/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="swfupload/swfupload.js"></script>
    <script type="text/javascript" src="multiupload.js"></script>
    <script type="text/javascript">
        $(window).load(pageInit);

        function pageInit() {
            var uploadurl = '../upload.php', ext = '所有文件 (*.*)', size = '2 MB', count = 5, useget = 0, params = {}//默认值

            uploadurl = getQuery('uploadurl') || uploadurl;
            ext = getQuery('ext') || ext;
            size = getQuery('size') || size;
            count = getQuery('count') || count;
            useget = getQuery('useget') || useget;
            var tmpParams = getQuery('params');
            if (tmpParams) {
                try {
                    eval("tmpParams=" + tmpParams);
                } catch (ex) {
                }
                ;
                params = $.extend({}, params, tmpParams);
            }
            ext = ext.match(/([^\(]+?)\s*\(\s*([^\)]+?)\s*\)/i);
            setTimeout(fixHeight, 10);
            swfu = new SWFUpload({
                // Flash组件
                flash_url: "swfupload/swfupload.swf",
                prevent_swf_caching: false,//是否缓存SWF文件

                // 服务器端
                upload_url: uploadurl,
                file_post_name: "filedata",
                post_params: params,//随文件上传一同向上传接收程序提交的Post数据
                use_query_string: useget == '1' ? true : false,//是否用GET方式发送参数

                // 文件设置
                file_types: ext[2],//文件格式限制
                file_types_description: ext[1],//文件格式描述
                file_size_limit: size,	// 文件大小限制
                file_upload_limit: count,//上传文件总数
                file_queue_limit: 0,//上传队列总数
                custom_settings: {
                    test: "aaa"
                },

                // 事件处理
                file_queued_handler: fileQueued,//添加成功
                file_queue_error_handler: fileQueueError,//添加失败
                upload_start_handler: uploadStart,//上传开始
                upload_progress_handler: uploadProgress,//上传进度
                upload_error_handler: uploadError,//上传失败
                upload_success_handler: uploadSuccess,//上传成功
                upload_complete_handler: uploadComplete,//上传结束

                // 按钮设置
                button_placeholder_id: "divAddFiles",
                button_width: 69,
                button_height: 17,
                button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
                button_cursor: SWFUpload.CURSOR.HAND,
                button_image_url: "img/add.gif",
                button_text: '<span class="theFont">添加文件</span>',
                button_text_style: ".theFont { font-size: 12px; }",
                button_text_left_padding: 20,
                button_text_top_padding: 0,

                // 调试设置
                debug: false
            });
        }

        function fixHeight() {
            $('#listArea').css('height', (document.body.clientHeight - 56) + 'px');
        }

        function getQuery(item) {
            var svalue = location.search.match(new RegExp('[\?\&]' + item + '=([^\&]*)(\&?)', 'i'));
            return svalue ? decodeURIComponent(svalue[1]) : '';
        }

        //----------------跨域支持代码开始(非跨域环境请删除这段代码)----------------
        var JSON = JSON || {};
        JSON.stringify = JSON.stringify || function (obj) {
            var t = typeof (obj);
            if (t != "object" || obj === null) {
                if (t == "string") obj = '"' + obj + '"';
                return String(obj);
            }
            else {
                var n, v, json = [], arr = (obj && obj.constructor == Array);
                for (n in obj) {
                    v = obj[n];
                    t = typeof(v);
                    if (t == "string") v = '"' + v + '"';
                    else if (t == "object" && v !== null) v = JSON.stringify(v);
                    json.push((arr ? "" : '"' + n + '":') + String(v));
                }
                return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
            }
        };
        var callback = callback || function (v) {
            v = JSON.stringify(v);
            window.name = escape(v);
            window.location = 'http://' + location.search.match(/[\?&]parenthost=(.*)(&|$)/i)[1] + '/xheditorproxy.html';//这个文件最好是一个0字节文件，如果无此文件也会正常工作
        }
        //----------------跨域支持代码结束----------------
    </script>
</head>
<body>
<div id="upload">
    <div id="buttonArea">
        <div id="controlBtns" style="display:none;"><a href="javascript:void(0);" id="btnClear" onclick="removeFile();"
                                                       class="btn" style="display:none;"><span><img
                src="img/clear.gif"/> 删除文件</span></a> <a href="javascript:void(0);" id="btnStart"
                                                         onclick="startUploadFiles();" class="btn"><span><img
                src="img/start.gif"/> 开始上传</span></a></div>
        <a href="javascript:void(0);" id="addFiles" class="btn"><span><div id="divAddFiles">添加文件</div></span></a>
    </div>
    <div id="listArea">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <thead id="listTitle">
            <tr>
                <td width="53%">文件名</td>
                <td width="25%">大小</td>
                <td width="22%">状态</td>
            </tr>
            </thead>
            <tbody id="listBody">
            </tbody>
        </table>
    </div>
    <div id="progressArea">
        <div id="progressBar"><span>0%</span>
            <div id="progress" style="width:1px;"></div>
        </div>
    </div>
</div>
</body>
</html>